<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>证书总览</title>
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/plugs/DataTables/css/jquery.dataTables.css">
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/plugs/layui/css/layui.min.css">
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/css/dgg-iboss.min.css">
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/css/dgg-plugs.min.css">
    <link rel="stylesheet" href="../../css/aptitudes.min.css">
</head>
<body>
<div class="body-main">
    <ul class="search-business">
        <li>
            事业部：
            <select class="select-style" name="businessOrganizationId">
                <option>全部</option>
                <option value="1">成都资质事业部</option>
                <option value="2">重庆资质事业部</option>
                <option value="3">广州资质事业部</option>
                <option value="4">北京资质事业部</option>
                <option value="5">武汉资质事业部</option>
                <option value="6">深圳资质事业部</option>
                <option value="7">杭州资质事业部</option>
            </select>
        </li>
        <li>
            <button type="button" class="layui-btn layui-btn-mini layui-btn-normal" onclick="search(this)">搜索</button>
        </li>
    </ul>
    <!--证书列表 start-->
    <ul class="certificate-list">
        <li>
            <div class="certificate-txt">
                <big>200</big>
                <p>录入证书量（本）</p>
            </div>
            <i class="certificate-icon"></i>
        </li>
        <li>
            <div class="certificate-txt">
                <big>1658</big>
                <p>证书总量（本）</p>
            </div>
            <i class="certificate-icon icon2"></i>
        </li>
        <li>
            <div class="certificate-txt">
                <big>510</big>
                <p>证书预定量（本）</p>
            </div>
            <i class="certificate-icon icon3"></i>
        </li>
        <li>
            <div class="certificate-txt">
                <big>152</big>
                <p>已使用证书量（本）</p>
            </div>
            <i class="certificate-icon icon4"></i>
        </li>
        <li>
            <div class="certificate-txt">
                <big>10</big>
                <p>使用超期总量（本）</p>
            </div>
            <i class="certificate-icon icon5"></i>
        </li>
        <li>
            <div class="certificate-txt">
                <big>658</big>
                <p>未使用证书总量（本）</p>
            </div>
            <i class="certificate-icon icon6"></i>
        </li>
        <li>
            <div class="certificate-txt">
                <big>120</big>
                <p>人才合同到期量（本）</p>
            </div>
            <i class="certificate-icon icon7"></i>
        </li>
        <li>
            <div class="certificate-txt">
                <big>120</big>
                <p>企业合同到期量（本）</p>
            </div>
            <i class="certificate-icon icon8"></i>
        </li>
        <li>
            <div class="certificate-txt">
                <big>120</big>
                <p>证书过期总量（本）</p>
            </div>
            <i class="certificate-icon icon9"></i>
        </li>
        <li>
            <div class="certificate-txt">
                <big>120</big>
                <p>全国适用证书量（本）</p>
            </div>
            <i class="certificate-icon icon10"></i>
        </li>
        <li>
            <div class="certificate-txt">
                <big>120</big>
                <p>本地适用证书量（本）</p>
            </div>
            <i class="certificate-icon icon11"></i>
        </li>
    </ul>
    <!--证书列表 end-->
    <!--超期预警 start-->
    <div class="finan-panel">
        <div class="finan-tit">
            <b>超期预警</b>
        </div>
        <div class="panel-table">
            <table class="layui-table" id="choose-table">
                <thead>
                <tr><th>证书到期预警量</th>
                    <th>证书使用预警量</th>
                    <th>人才合同到期预警量</th>
                    <th>企业合同到期预警量</th>
                    <th>证书未使用预警量</th>
                </tr></thead>
                <tbody>
                <tr>
                    <td>20</td>
                    <td>15</td>
                    <td>30</td>
                    <td>10</td>
                    <td>5</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!--超期预警 end-->
    <!--库容量预警 start-->
    <div class="finan-panel">
        <div class="finan-tit">
            <b>库容量预警</b>
        </div>
        <div class="panel-main">
            <table class="layui-table win60b">
                <thead>
                <tr>
                    <th>证书类型</th>
                    <th>预约量</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>建造师</td>
                    <td>15</td>
                </tr>
                <tr>
                    <td>八大员</td>
                    <td>2</td>
                </tr>
                <tr>
                    <td>职称</td>
                    <td>2</td>
                </tr>
                <tr>
                    <td>注册类工程师</td>
                    <td>3</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!--库容量预警 end-->
    <!--资金池预警 start-->
    <div class="finan-panel">
        <div class="finan-tit">
            <b>超期预警</b>
            <div class="panel-opt">
                <button onclick="moneySet()" class="layui-btn layui-btn-mini">资金池金额设置</button>
            </div>
        </div>
        <div class="panel-table">
            <table class="layui-table">
                <thead>
                <tr>
                    <th>地区</th>
                    <th>资金池默认额度（元）</th>
                    <th>现有资金池额度（元）</th>
                    <th>收证支款金额（元）</th>
                    <th>使用收款金额（元）</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>成都事业部</td>
                    <td>500,000</td>
                    <td><label class="yellow">100,000</label></td>
                    <td>600,000</td>
                    <td>200,000</td>
                </tr>
                <tr>
                    <td>广州事业部</td>
                    <td>500,000</td>
                    <td><label class="green">100,000</label></td>
                    <td>600,000</td>
                    <td>200,000</td>
                </tr>
                <tr>
                    <td>杭州事业部</td>
                    <td>500,000</td>
                    <td><label class="red">0</label></td>
                    <td>600,000</td>
                    <td>200,000</td>
                </tr>
                <tr>
                    <td>北京事业部</td>
                    <td>500,000</td>
                    <td><label class="red">0</label></td>
                    <td>600,000</td>
                    <td>200,000</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!--资金池预警 end-->
</div>
<!--设置金额弹窗 start-->
<div class="content-layer layui-layer-wrap" id="setMoney">
    <table class="add-table form-table">
        <tbody>
        <tr>
            <th>事业部：</th>
            <td>
                <select name="" class="select-style">
                    <option>全部</option>
                    <option value="1">成都资质事业部</option>
                    <option value="2">重庆资质事业部</option>
                    <option value="3">广州资质事业部</option>
                    <option value="4">北京资质事业部</option>
                    <option value="5">武汉资质事业部</option>
                    <option value="6">深圳资质事业部</option>
                    <option value="7">杭州资质事业部</option>
                </select>
            </td>
        </tr>
        <tr>
            <th>资金池默认金额：</th>
            <td>
                <label class="input-unit">
                    <input type="text" class="input-style">
                    <span class="unit">元</span>
                </label>
            </td>
        </tr>
        </tbody>
    </table>
</div>
<!--设置金额弹窗 end-->
<script src="https://tstatic.dgg.net/static/plugs/jquery/jquery-1.9.1.min.js"></script>
<script src="https://tstatic.dgg.net/static/plugs/layui/layui.all.js"></script>
<script src="https://tstatic.dgg.net/static/plugs/DataTables/js/jquery.dataTables.js"></script>
<script src="https://tstatic.dgg.net/static/plugs/DataTables/js/dataTables.fixedColumns.min.js"></script>
<script src="https://tstatic.dgg.net/static/plugs/DataTables/js/dataTable.extend.js"></script>
<script src="https://tstatic.dgg.net/static/js/dgg-foot-base.js"></script>
<script src="https://tstatic.dgg.net/static/plugs/date-picker/WdatePicker.js"></script>
<script src="https://tstatic.dgg.net/static/plugs/select2/js/select2.min.js"></script>
<script>
    function moneySet() {
        dgg.Open({
            title: '转交',
            content: $('#setMoney'),
            area: '480px',
        })
    }
</script>
</body>
</html>